{% extends 'base/front_base.html' %}

{% block title %}
    付费资讯
{% endblock %}

{% block head %}
    <link rel="stylesheet" href="{% static 'css/payinfo/payinfo.min.css' %}">
{% endblock %}

{% block main %}
    <div class="main">
        <div class="wrapper">
            <div class="main-content-wrapper">
                <div class="top-img-group">
                    <img src="https://www.xfz.cn/static/build/images/web-shopxfz-banner.jpg" alt="">
                </div>
                <ul class="info-list">
                    {% for payinfo in payinfos %}
                        <li>
                        <a href="#">
                            <div class="info-img">
                                <img src="https://www.xfz.cn/static/build/images/web-bp-pc.png" alt="">
                            </div>
                            <div class="info-introduct">
                                <p class="info-title">{{ payinfo.title }}</p>
                                <p class="info-word">{{ payinfo.profile }}</p>
                                <span class="info-price">￥{{ payinfo.price }}</span>
                            </div>
                        </a>
                    </li>
                    {% endfor %}
                </ul>
            </div>
            {% include 'common/sidebar.html' %}
        </div>
    </div>
{% endblock %}